import Image from 'next/image'
import React from 'react'
import img1 from '@/public/img/01.png'
import img2 from '@/public/img/02.png'
import img3 from '@/public/img/03.png'
import img4 from '@/public/img/04.png'
export default function Imgs() {
  return (
    <div className="flex">
      <div className="text-center">
        <div className="font-semibold m-2"> url 形式路径</div>
        <Image src={'/img/01.png'} alt="" width={250} height={150}></Image>
      </div>
      <div className="text-center w-[250px]">
        <div className="font-semibold m-2"> import 形式路径</div>
        <Image src={img1} alt="" height={250}></Image>
      </div>
      <div className="text-center w-[250px] h-[100px] relative">
        <div className="font-semibold m-2"> layout</div>
        <Image src={img4} alt="" layout="cover"></Image>
      </div>
    </div>
  )
}
